@import "../stylus/_base.styl"
@import "../stylus/_reset.styl"
a
  text-decoration none

img
  display inline-block

input
  outline none

body
  background-color $color-background

.icon
  display inline-block
  font-size 0
  background 50% 50% no-repeat
  background-size cover

.icon-array-up,
.icon-array-down,
.icon-array-right
  width 16px
  height 12px

.icon-array-up
  background-image url("../images/array-up.png")

.icon-array-down
  background-image url("../images/array-down.png")

.icon-array-right
  background-image url("../images/array-right.png")

.icon-serach
  width 16px
  height 17px
  background-image url("../images/serach.png")

.icon-title
  width 19px
  height 24px
  background-image url("../images/icon.png")

.jlai-header,
.jlai-footer,
.jlai-banner
  clear flex

.jlai-container
  width 1024px
  margin 0 auto

.jlai-header
  .banner-top
    height 88px
    background url("../images/top-bg.jpg") 50% 50% no-repeat
    .banner-w
      display flex
      .logo-w
        display block
        font-size 0
      .mn
        flex 1
      .right-w
        .language-w
          height 32px
          line-height 32px
          font-size $font-size-small
          display flex
          &:before,
          &:after
            content ""
            display block
          &:before
            border-bottom 32px solid #f9c520
            border-left 15px solid transparent
          &:after
            border-top 32px solid #f9c520
            border-right 15px solid transparent
          .language-mn
            background-color #f9c520
            padding 0 15px
            color $color-text-c
          a
            color $color-text-c
          span
            margin 0 9px
        .search-w
          margin-top 14px
          display flex
          .search-ipt
            flex 1
            border 1px solid $color-border-b
            height 25px
            .ipt
              width 100%
              height 25px
              font-size $font-size-small
              border none
              padding 0 10px
              box-sizing border-box
              &::-webkit-input-placeholder
                color #c1c1c1
          .search-btn
            width 30px
            height 27px
            display flex
            justify-content center
            align-items center
            cursor pointer
  .banner-nav
    background-color $color-background-b
    height 47px
    .nav-cells
      font-size 0
      .nav-cell
        display inline-block
        position relative
        .nav-title
          display flex
          line-height 47px
          height 47px
          &:before,
          &:after
            content ""
            display block
          &:before
            border-bottom 47px solid transparent
            border-left 23px solid transparent
          &:after
            border-top 47px solid transparent
            border-right 23px solid transparent
          .nav-title--w
            padding 0 4px
            background-color transparent
          a
            color $color-text-f
            font-size $font-size-large
        .nav-menus
          position absolute
          font-size 14px
          left 0
          top 46px
          display none
          z-index 99999
          .nav-menus--w
            margin-top 5px
            background-color $color-background-f
            border 1px solid #e4e4e4
            width auto
            min-width 110px
            text-align center
            li
              padding 15px
            & > li
              position relative
              & + li
                border-top 1px solid #e4e4e4
              &:hover
                .child
                  display block
                  top 0
                  left 100%
              .child
                display none
                position absolute
                .child--w
                  margin-left 3px
                  background-color #ffffff
                  border 1px solid #e4e4e4
          a
            line-height 20px
            color #616161
            white-space nowrap
            position relative
            i.icon-array-right
              position absolute
              left 100%
              top 50%
              margin-top -6px
            &:hover
              color #b50000
        & + .nav-cell
          margin-left -23px
        &.active,
        &:hover
          .nav-title
            .nav-title--w
              background-color #f9c520
              color #000000
              a
                color #000000
            &:before
              border-bottom-color #f9c520
            &:after
              border-top-color #f9c520
          .nav-menus
            display block

.jlai-footer
  .banner-aside
    height 288px
    background url("../images/bottom-bg.jpg") 50% 50% no-repeat
    .banner-w
      display flex
      .item
        width 260px
        margin-top 36px
        .item-tit
          font-size $font-size-large
          color $color-text-f
        .item-cnt
          color $color-text-f
          font-size $font-size-medium
          a
            color $color-text-f
        &.fast-nav
          flex 1
          .cells
            margin-top 36px
            display flex
            .cell
              flex 1
              li
                & + li
                  margin-top 42px

        &.code
          .cells
            margin-top 33px
            .cell
              display inline-block
              & + .cell
                margin-left 7px
              .avatar
                img
                  display block
              .txt
                margin-top 18px
                text-align center
                color #c8c8c8

        &.contact-us
          margin-left 120px
          .cells
            margin-top 19px
            .cell
              line-height 25px
              padding 8px 0
              & + .cell
                border-top 1px solid rgba(255, 255, 255, .31)

  .banner-copyright
    height 56px
    background-color $color-background-b
    overflow hidden
    .banner-w
      display flex
      align-items center
      .copyright
        flex 1
        color $color-text-f
        font-size $font-size-medium
        line-height 56px

.banner-links
  margin-bottom 21px
  .links-w
    background-color $color-background-f
    border 1px solid #e5e5e5
    padding 20px
    .title
      font-size 20px
      &:before
        content ''
        display inline-block
        float left
        width 3px
        background-color #b2070e
        height 20px
        margin-right 8px
    .cnt
      display flex
      padding 35px 0 15px
      ul
        flex 1
        &:last-child
          flex inherit
      li
        font-size $font-size-medium
        color $color-text
        padding 5px 0
        a
          line-height 16px
          color $color-text

.m-page
  margin 0
  text-align center
  line-height 20px
  font-size 0
  letter-spacing -0.307em
  word-wrap normal
  white-space nowrap
  color #000
  a,
  i
    display inline-block
    vertical-align top
    padding 0 8px
    margin-left -1px
    border 1px solid #000
    font-size $font-size-small
    letter-spacing normal
    background #fff
    transition background-color 0.3s

  a,
  a:hover
    text-decoration none
    color #000

  a
    &.pageprv,
    &.pagenxt
      font-family '宋体'
    &:first-child
      margin-left 0

    &:last-child
      margin-right 0

    &:hover
      background #f5f5f5

    &:active
      background #f0f0f0

    &.z-crt,
    &.z-crt:hover,
    &.z-crt:active
      cursor default
      color #ffffff
      background #000000

    &.z-dis,
    &.z-dis:hover,
    &.z-dis:active
      cursor default
      color #828282
      background #fff

.m-page-sr
  a,
  i
    margin 0 3px

.m-page-sr i
  border 0
